<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>帮助与反馈</title>
    <!-- vue -->
    <script src="../common/js/vue2.js"></script>
    <!-- 引入http-vue-loader -->
    <script src="../common/js/vueLoader.js"></script>
    <!-- 引入样式vant -->
    <script src="../common/ui/vant-ui/ui.js"></script>
  </head>
  <body>
    <div id="app">
      <main-top></main-top>
      <div class="mainCenter">
        <div class="leftContent">
          <!-- 顶部 -->
          <top title="帮助与反馈" close="true"></top>
          <div v-for="i in helpData">
            <van-cell
              :title="i.name"
              :icon="i.icon"
              is-link
              arrow-direction="down"
              size="large"
              class="borde"
            ></van-cell>
          </div>
          <div>
            <div class="pd20 fs18">我不能解决以上问题</div>
          </div>
          <div>
            <van-cell
              title="我的客服"
              icon="location-o"
              is-link
              size="large"
              class="borde"
            ></van-cell>
          </div>
          <div class="btnG">
            <van-button class="btn">反馈与建议</van-button>
          </div>
          <div class="prColor tac mgb20">我的反馈</div>
        </div>
        <lan-adright></lan-adright>
      </div>
      <main-footer></main-footer>
    </div>
  </body>
</html>
<style>
  body {
    background-color: #fff;
  }
  .borde {
    border-bottom: 0.01rem solid #eee;
  }
  .btnG {
    padding: 20px 50px;
  }
  .btn {
    width: 100%;
    background-color: var(--primary-color);
    color: #fff;
  }
</style>
<script>
  Vue.use(httpVueLoader);
  new Vue({
    el: "#app",
    data: {
      helpData: [
        { name: "违规声明", icon: "location-o" },
        { name: "公司与认证", icon: "location-o" },
        { name: "职位管理", icon: "location-o" },
        { name: "账号管理", icon: "location-o" },
        { name: "隐私操作", icon: "location-o" },
        { name: "其他功能使用", icon: "location-o" },
      ],
    },
    components: {
      top: httpVueLoader("../common/commpent/top.vue"),
      "main-top": httpVueLoader("../common/commpent/main/workTop.vue"),
      "main-footer": httpVueLoader("../common/commpent/main/mainFooter.vue"),
      "lan-adright": httpVueLoader("../common/commpent/lan/adRight.vue"),
    },
    methods: {},
  });
</script>
